<!DOCTYPE html>
<html lang="en">

<head>
    <title>测试管理系统</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="css/bootstrap.min.css" />
    <link rel="stylesheet" href="css/bootstrap-responsive.min.css" />
    <link rel="stylesheet" href="css/colorpicker.css" />
    <link rel="stylesheet" href="css/datepicker.css" />
    <link rel="stylesheet" href="css/uniform.css" />
    <link rel="stylesheet" href="css/main.css" />
    <link rel="stylesheet" href="css/matrix-media.css" />
    <link rel="stylesheet" href="css/bootstrap-wysihtml5.css" />
    <link href="font-awesome/css/font-awesome.css" rel="stylesheet" />
    <link rel="stylesheet" href="jsp/jquery.contextmenu.css">
    <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,700,800' rel='stylesheet' type='text/css'>
</head>

<body>
    <!--close-left-menu-stats-sidebar-->
    <div id="form33_sty">
        <div class="form_33">
            <div class="form_sty">
                <ul>
                    <li>
                        <span>管理箱编号：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>区域：</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">全部</option>
                            <option value="">全部</option>
                        </select>
                    </li>
                    <li>
                        <span>片区：</span>
                        <select name="" id="">
                            <option value="">全部</option>
                            <option value="">全部</option>
                            <option value="">全部</option>
                        </select>
                    </li>
                    <li>
                        <span>版本号：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>停车点名称：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>状态：</span>
                        <select name="" id="">
                            <option value="">状态一</option>
                            <option value="">状态2</option>
                            <option value="">全部</option>
                            <option value="">等等</option>
                            <option value="">全部</option>
                        </select>
                    </li>
                    <li>
                        <span>负责人：</span>
                        <input type="text" name="">
                    </li>
                    <li>
                        <span>IP地址：</span>
                        <input type="text" name="">
                    </li>
                </ul>
                <div class="form_btn">
                    <input type="button" value="查询" class="search">
                    <input type="reset" value="重置" class="reset">
                </div>
            </div>
        </div>
        <div class="form10_tab">
            <table>
                <tr>
                    <th>序号</th>
                    <th>管理箱编号</th>
                    <th>状态</th>
                    <th>离线/故障/总数</th>
                    <th>地址</th>
                    <th>IP地址</th>
                    <th>版本号</th>
                    <th>所属停车点</th>
                    <th>区域</th>
                    <th>所属片区</th>
                    <th>最后更新时间</th>
                    <th>备注</th>
                </tr>
                <tr>
                    <td>1101</td>
                    <td class="green">201503</td>
                    <td>正常</td>
                    <td>3/0/4</td>
                    <td>盈泽演示</td>
                    <td>192.168.10.144</td>
                    <td>2005</td>
                    <td>市财政局</td>
                    <td>天元区</td>
                    <td class="green">TN-黄河南</td>
                    <td>2016-08-12 10:34:35</td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
                <tr>
                    <td>11</td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                    <td></td>
                </tr>
            </table>
        </div>
        <div class="pages">
            <ul>
                <li>共28条</li>
                <li>第1/1页</li>
                <li>跳转到第
                    <input type="text">页</li>
                <li><a href="javascript:void(0)">《</a></li>
                <li><a href="javascript:void(0)">1</a></li>
                <li><a href="javascript:void(0)">》</a></li>
            </ul>
        </div>
        <!-- 修改的窗口 -->
        <div class="form10_open disN">
            <table>
                <tr>
                    <th colspan=2>修改信息</th>
                </tr>
                <tr>
                    <td>编号：</td>
                    <td>
                        1011
                    </td>
                </tr>
                <tr>
                    <td>状态：</td>
                    <td>
                        <select>
                            <option>正常</option>
                            <option>不正常</option>
                            <option>不知道</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>地址：</td>
                    <td>
                        <input type="text" value="盈泽演示">
                    </td>
                </tr>
                <tr>
                    <td>所属停车点：</td>
                    <td>
                        <select>
                            <option>羊城</option>
                            <option>帝都</option>
                            <option>龙城</option>
                        </select>
                    </td>
                </tr>
                <tr>
                    <td>备注：</td>
                    <td>
                        <textarea name="" id="" cols="30" rows="3"></textarea>
                    </td>
                </tr>
            </table>
            <div class="form10_btn">
                <input type="button" name="" value="确定" class="sure">
                <input type="button" name="" value="取消" class="cancel">
            </div>
            <a href="javascript:void(0)" class="disN">&nbsp;</a>
        </div>
        <!-- 修改窗口结束 -->
    </div>
    <script src="http://code.jquery.com/jquery-1.6.2.min.js"></script>
    <script src="jsp/jquery.contextmenu.js"></script>
    <script>
    $(function() {
        $('.form10_tab td').contextPopup({
            // title: 'My Popup Menu',
            items: [{
                label: '添加',
                icon: 'img/right_add.png',
                action: function() {
                    alert('clicked 1')
                }
            }, {
                label: '删除',
                icon: 'img/right_del.png',
                action: function() {
                    alert('clicked 2')
                }
            }, {
                label: '修改',
                icon: 'img/right_gai.png',
                action: function() {
                    $(".form10_open").show()
                }
            }, ]
        });
    });
    </script>
    <script src="http://cpro.baidustatic.com/cpro/ui/c.js" type="text/javascript"></script>
    <script>
    $(".form10_open .cancel").click(function() {
        $(".form10_open").hide()
    })
    </script>
</body>

</html>
